<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>用户隐私政策</title>
    <style>
        :root {
            --primary-color: #3498db;
            --secondary-color: #2c3e50;
            --text-color: #333;
            --light-text: #666;
            --background-color: #f9f9f9;
            --card-bg: #ffffff;
            --border-color: #eee;
            --spacing: 1.5rem;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
        }

        body {
            background-color: var(--background-color);
            color: var(--text-color);
            line-height: 1.6;
            padding-bottom: 2rem;
        }

        .container {
            max-width: 800px;
            margin: 0 auto;
            padding: 0 1.5rem;
        }

        header {
            background-color: var(--secondary-color);
            color: white;
            padding: 1.5rem 0;
            text-align: center;
            margin-bottom: var(--spacing);
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: relative;
        }

        /* 关闭按钮样式 */
        .close-btn {
            position: absolute;
            top: 1.5rem;
            right: 1.5rem;
            background: none;
            border: none;
            color: white;
            font-size: 1.2rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 0.3rem;
        }

        .close-btn i {
            font-size: 1.5rem;
        }

        .bottom-close-btn {
            display: block;
            width: 100%;
            max-width: 300px;
            margin: 2rem auto 0;
            padding: 0.8rem 0;
            background-color: var(--primary-color);
            color: white;
            border: none;
            border-radius: 4px;
            font-size: 1rem;
            cursor: pointer;
            text-align: center;
            transition: background-color 0.2s;
        }

        .bottom-close-btn:hover {
            background-color: #2980b9;
        }

        h1 {
            font-size: 1.8rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
        }

        h2 {
            font-size: 1.4rem;
            color: var(--secondary-color);
            margin: 1.8rem 0 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid var(--primary-color);
        }

        h3 {
            font-size: 1.2rem;
            color: var(--primary-color);
            margin: 1.2rem 0 0.8rem;
        }

        .policy-card {
            background-color: var(--card-bg);
            border-radius: 8px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.05);
            padding: 1.5rem;
            margin-bottom: var(--spacing);
        }

        p {
            margin-bottom: 1rem;
            font-size: 1rem;
        }

        ul, ol {
            margin-bottom: 1rem;
            padding-left: 1.5rem;
        }

        li {
            margin-bottom: 0.5rem;
        }

        strong {
            font-weight: 600;
            color: var(--secondary-color);
        }

        .section {
            margin-bottom: 1.5rem;
        }

        .highlight {
            background-color: rgba(52, 152, 219, 0.1);
            padding: 0.2rem 0.4rem;
            border-radius: 4px;
            font-weight: 500;
        }

        .note {
            background-color: #f8f9fa;
            border-left: 4px solid #e0e0e0;
            padding: 0.8rem 1rem;
            margin: 1rem 0;
            font-size: 0.9rem;
            color: var(--light-text);
        }

        footer {
            text-align: center;
            color: var(--light-text);
            font-size: 0.9rem;
            margin-top: 2rem;
            padding-top: 1rem;
            border-top: 1px solid var(--border-color);
        }

        /* 响应式设计 */
        @media (max-width: 600px) {
            h1 {
                font-size: 1.5rem;
            }

            h2 {
                font-size: 1.3rem;
            }

            h3 {
                font-size: 1.1rem;
            }

            .container {
                padding: 0 1rem;
            }

            .policy-card {
                padding: 1.2rem;
            }

            .close-btn {
                top: 1rem;
                right: 1rem;
                font-size: 1rem;
            }

            .close-btn i {
                font-size: 1.2rem;
            }
        }
    </style>
</head>
<body>
<header>
    <div class="container">
        <h1>用户隐私政策</h1>
        <p>保护您的个人信息是我们的重要责任</p>
        <button class="close-btn" id="topCloseBtn">
            <i class="fa fa-times"></i>
            关闭
        </button>
    </div>
</header>

<div class="container">
    <div class="policy-card">
        <section class="section" id="intro">
            <h2>一、引言</h2>
            <p>本《用户隐私政策》（以下简称"本政策"）旨在向您说明平泉市卧龙镇峰坤摩托车经销处（以下简称"我们"）在您使用商品质保信息录入小程序（以下简称"小程序"）时，如何收集、使用、存储、共享和保护您的个人信息。请您仔细阅读本政策，我们希望通过清晰、透明的方式，让您了解我们对您个人信息的处理方式。</p>
            <p class="note"><strong>重要提示：</strong>如果您不同意本政策的内容，请不要使用小程序。您使用小程序即表示您同意我们按照本政策处理您的个人信息。</p>
        </section>

        <section class="section" id="collection">
            <h2>二、个人信息的收集</h2>
            <h3>（一）主动提供的信息</h3>
            <p>当您使用小程序录入商品质保信息时，我们会收集您主动提供的手机号，用于客户信息查询和身份识别。此外，您还可能会提供商品购买凭证照片、商品型号、购买日期、质保期限等信息，以便完成商品质保信息的录入。</p>

            <h3>（二）自动收集的信息</h3>
            <p>在您使用小程序的过程中，我们还可能通过技术手段自动收集以下信息：</p>
            <ul>
                <li><strong>设备信息</strong>：包括但不限于设备型号、操作系统版本、设备标识符（如IMEI、MAC地址等）、屏幕分辨率等，用于保障小程序的正常运行和服务安全。</li>
                <li><strong>日志信息</strong>：包括您的操作记录（如登录时间、录入信息时间、查询记录等）、使用时长、小程序崩溃报告等，帮助我们分析小程序的使用情况，优化服务体验。</li>
            </ul>
        </section>

        <section class="section" id="use">
            <h2>三、个人信息的使用</h2>
            <ul>
                <li>
                    <strong>（一）提供服务</strong>
                    <p>我们使用收集的个人信息为您提供商品质保信息录入及查询服务，包括通过手机号验证您的身份，以便您查询自己录入的商品质保信息。</p>
                </li>
                <li>
                    <strong>（二）服务优化</strong>
                    <p>通过分析您提供的信息和自动收集的信息，我们可以了解您的使用习惯和需求，对小程序进行优化和改进，提升服务质量和用户体验。</p>
                </li>
                <li>
                    <strong>（三）安全保障</strong>
                    <p>利用收集的信息，我们可以识别和防范安全风险，保护您的账号和个人信息安全，如检测异常登录行为、防止信息泄露等。</p>
                </li>
            </ul>
        </section>

        <section class="section" id="storage">
            <h2>四、个人信息的存储</h2>
            <p>我们将采取合理、有效的安全技术和管理措施，保护您的个人信息。您的个人信息将存储在我们的服务器或我们委托的第三方存储服务提供商处。我们会根据法律法规的要求，在实现本政策所述目的所必需的最短时间内保留您的个人信息。</p>
            <p>当您的信息不再需要用于实现上述目的时，我们将对其进行删除或匿名化处理。</p>
        </section>

        <section class="section" id="sharing">
            <h2>五、个人信息的共享</h2>
            <h3>（一）共享原则</h3>
            <p>我们不会向第三方共享您的个人信息，除非满足以下情形之一，并在共享前向您告知共享的信息内容、目的及第三方的身份，并征得您的同意：</p>
            <ol>
                <li>为了向您提供服务，需要将您的信息共享给必要的合作伙伴，如技术服务提供商（但我们会要求其遵守严格的保密义务）。</li>
                <li>根据法律法规规定或有权机关的要求，需要共享您的信息。</li>
            </ol>

            <h3>（二）第三方服务提供商</h3>
            <p>在某些情况下，我们可能会委托第三方服务提供商协助我们提供服务，如服务器托管、数据分析等。我们会与这些第三方签订严格的保密协议，要求他们按照我们的要求处理您的个人信息，且不得将您的信息用于任何其他目的。</p>
        </section>

        <section class="section" id="security">
            <h2>六、个人信息的安全保护</h2>
            <p>我们高度重视您的个人信息安全，采取以下措施保护您的信息：</p>
            <ul>
                <li><strong>技术措施</strong>：我们采用加密技术对您的敏感信息进行加密存储和传输，防止信息被窃取或篡改。</li>
                <li><strong>管理措施</strong>：我们建立了严格的内部管理制度，对接触您个人信息的人员进行权限限制，确保只有经过授权的人员才能访问和处理您的信息。</li>
                <li><strong>安全培训</strong>：我们对员工进行安全培训，提高他们的安全意识和保密意识，防止因人为疏忽导致信息泄露。</li>
            </ul>
            <p class="note"><strong>注意：</strong>尽管我们采取了上述安全措施，但请注意，互联网并非绝对安全的环境，我们无法保证信息传输过程中的绝对安全。如果您发现自己的个人信息可能泄露，请立即通过小程序内的客服渠道联系我们，我们会尽力采取措施防止损失扩大。</p>
        </section>

        <section class="section" id="rights">
            <h2>七、您的权利</h2>
            <div style="display: flex; flex-wrap: wrap; gap: 1rem;">
                <div style="flex: 1 1 300px; min-width: 200px; padding: 1rem; background-color: #f8f9fa; border-radius: 6px;">
                    <h3>（一）访问和更正</h3>
                    <p>您有权访问和更正您在小程序中录入的个人信息，您可以通过小程序内的相关功能或联系我们的客服进行操作。</p>
                </div>
                <div style="flex: 1 1 300px; min-width: 200px; padding: 1rem; background-color: #f8f9fa; border-radius: 6px;">
                    <h3>（二）删除</h3>
                    <p>在符合法律法规及本政策规定的前提下，您有权要求我们删除您的个人信息。但如果删除信息会影响我们提供服务或履行法律义务，我们可能无法立即满足您的要求。</p>
                </div>
                <div style="flex: 1 1 300px; min-width: 200px; padding: 1rem; background-color: #f8f9fa; border-radius: 6px;">
                    <h3>（三）撤回同意</h3>
                    <p>您有权随时撤回对我们处理您个人信息的同意，但撤回同意可能会影响您继续使用小程序的部分或全部功能。</p>
                </div>
            </div>
        </section>

        <section class="section" id="update">
            <h2>八、政策的更新</h2>
            <p>我们可能会根据业务发展、法律法规变化等情况对本政策进行更新。更新后的政策将在小程序内以公告形式发布，自发布之日起一定期限后（如7个自然日）生效。</p>
            <p>若您不同意更新后的政策，应停止使用小程序服务；若您在更新后的政策生效后继续使用小程序服务，即视为您同意接受更新后的政策。</p>
        </section>

        <section class="section" id="contact">
            <h2>九、联系方式</h2>
            <p>如果您对本政策或我们处理您个人信息的行为有任何疑问、意见或建议，您可以通过小程序内的客服渠道或我们公布的官方联系方式与我们联系，我们会尽快回复您。</p>
        </section>
    </div>
</div>

<button class="bottom-close-btn" id="bottomCloseBtn">
    <i class="fa fa-times"></i> 关闭本页
</button>

<footer>
    <div class="container">
        <p>平泉市卧龙镇峰坤摩托车经销处 版权所有 &copy; 2025</p>
    </div>
</footer>

<script src="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/js/font-awesome.min.js"></script>
<script>
    // 关闭按钮功能
    document.getElementById('topCloseBtn').addEventListener('click', function() {
        window.history.back();
    });

    document.getElementById('bottomCloseBtn').addEventListener('click', function() {
        window.history.back();
    });
</script>
</body>
</html>